<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html>
<html>
<head>
	<title>Nagpur Munciple Corporation - Google Mapping</title>
	<meta name="tab" content="feedback" />
	<meta name="decorator" content="HeaderFooter" />
	
	<link rel="stylesheet" type="text/css" href="styles.css" media="screen" />
	<!--<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=true_or_false&amp;key=ABQIAAAAu5uZUEWFf_PGLJL6oAB1ahSCNtSGhNoL_TN2FnCc3wIkczsEQxQd9JQdimODbNk5fsLXuxktQQylSQ" type="text/javascript"></script>-->

	<script type="text/javascript"
      src="http://maps.googleapis.com/maps/api/js?key=AIzaSyBl-1kmeYgZ8kS_L9_LqfeO481d_zKW6i4&sensor=false">
    </script>
	
	<script type="text/javascript">
	
	function initialize() {
		var myOptions = {
			center: new google.maps.LatLng(21.14900241815646, 79.08094482216802),
			zoom: 12,
			mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
	}
	function checkFeedback()
	{
		var fbtext = document.getElementById("feedbackText");
		if(fbtext.value.length == 0){
			
			document.getElementById("fbErrMsg").style.display = 'block';
			return false;
		}
 		else
 		{
 			document.getElementById("fbErrMsg").style.display = 'none';
 		}
		if(fbtext.value.length >250){
			
			document.getElementById("fbLengthErrMsg").style.display = 'block';
			return false;
		}
 		else
 		{
 			document.getElementById("fbLengthErrMsg").style.display = 'none';
 		}
		return true;
	}
	
	</script>

</head>

<body onload="initialize()" >

<div id="container" >
			<div id="content">
				<div id="map_canvas" style="margin: 10px; height: 450px"></div>
			</div>
			<div id="sidebar">
			<div id="feedbackSideBar" style="display:block">
					<form id="feedbackForm" action="addFeedback.action" method="post" onsubmit="return checkFeedback()">
						<fieldset>
						<legend>Feedback</legend>
						 <div>
						 <span>
						 <div id="fbErrMsg" class="errorMsg">Please enter feedback.</div>
						 <div id="fbLengthErrMsg" class="errorMsg">Please enter 250 characters only.</div>
						 <s:textarea id="feedbackText"  name="feedback.feedbackText" cols="25" rows="10" required="true">
						 </s:textarea>
						 </span>
						 <span> <s:submit theme="simple" id="submitBtn"  value="Submit" cssClass="button_css"/>
						 </span>
						 </div>
						</fieldset>
					</form>
				</div>
			</div>
</div>

</body>
</html>
